<template>
  <div class="footer-wrapper">
    <div class="footer-content">
      <ul class="links">
        <li>
          <a href="">关于宜居</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">联系我们</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">用户协议</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">房贷计算器</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">最新问答</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">网站地图</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">最新房源</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">其它城市</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">友情链接</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">放心搜</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">推广服务</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">渠道招商</a>
          <em class="spe-lines">|</em>
        </li>
        <li>
          <a href="">58车</a>
        </li>
      </ul>
      <div class="cp-mod">
        <a href="">客户服务中心</a>
        违法信息举报： 4006209008 <a href="">yinsibaohu@58.com</a>
        Copyright&nbsp;©&nbsp;2007-2021 www.anjuke.com All Rights Reserved <a href="https://www.anjuke.com/sitemap-miibeian" rel="nofollow">ICP号：沪 B2-20090008</a>
      </div>
      <div class="gov-mod">
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502010344">
            <img src="https://pages.anjukestatic.com/usersite/site/img/icon/beianbgs.png">
            沪公网安备 31011502010344号
        </a>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.footer-wrapper {
  border-top: 1px solid #ccc;
  margin-top: 30px;
}
.footer-content {
  width: 60%;
  margin: auto;
  padding: 15px 0 30px;
  font-size: 12px;
  color: #333;
  /* background-color: red; */
}
.footer-content a {
  display: inline-block;
  font-size: 12px;
  color: #333;
}
.footer-content .links {
  padding-bottom: 5px;
  text-align: center;
}
.footer-content .links li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 20px;
  line-height: 20px;
}
.footer-content .links li:hover a {
  color: rgb(226, 25, 25);
  text-decoration: underline rgb(226, 25, 25);
}
.footer-content .links li a {
  color: #000;
}
.footer-content .spe-lines {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #ccc;
  margin: 0 10px;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: -1px;
}
.footer-content .gov-mod {
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-top: 8px;
}
.footer-content .gov-mod a, .footer-content .gov-mod a:hover {
  color: #666;
  text-decoration: none;
}
.footer-content .gov-mod a img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.footer-content .cp-mod {
  text-align: center;
}
</style>